/* 1.背景图；可以移动 */
body{
	/* 背景复合属性：路劲地址：相对文件+图片全称 */
	background: url(../img/bg.jpg) no-repeat;
	/* 背景图尺寸属性：数值px/%   宽度x  高度y */
	background-size: 100% 800px;
}
/* 2.标题 */
h1{
	/* 文字放大 */
	font-size: 60px;
	/* 文本字体：华文彩云 */
	font-family: "华文彩云";
	/* 字体加粗 100-900*/
	font-weight: 900;
	/* 文本阴影 */
	text-shadow: 5px 5px 10px #ff0;
	/* 字体颜色 */
	color: ;
	/* 透明度 0~1*/
	opacity: .8;
}
/* 3.熊  ---空间+背景图---移动 */
#bear{
	width: 400px;
	height: 400px;
	/* 背景图 */
	background: url(../img/bear_1.png) no-repeat;
	/* 背景图占满整个熊空间*/
	background-size: 100% 100%;
	/*微调定位 */
	position: relative;
	top: -67px;
	left: -63px;
	/* 启动动画 */
	animation: bear 10s linear  infinite;
}
/* 创建关键帧 */
@keyframes bear{
	0%{
	/* 第一组动画：必须熊原始位置 */
	background: url(../img/bear_1.png) no-repeat;
	/* 背景尺寸 */
	background-size: 100% 100%;
	top: -67px;
	left: -63px;
	transform: rotate(720deg) scale(1);
	}
	10%{
		background: url(../img/bear_1.png) no-repeat;
		background-size: 100% 100%;
		top: 200px;
		left: 300px;
		transform: rotate(840deg) scale(1.1);
	}
	20%{
		background: url(../img/bear_2.png) no-repeat;
		background-size: 100% 100%;
		top: -30px;
		left: 460px;
		transform: rotate(560deg) scale(1.2);
	}
	30%{
		background: url(../img/bear_3.png) no-repeat;
		background-size: 100% 100%;
		top: 150px;
		left: -30px;
		transform: rotate(660deg) scale(1.3);
	}
	40%{
		background: url(../img/bear_4.png) no-repeat;
		background-size: 100% 100%;
		top: 100px;
		left: 300px;
		transform: rotate(700deg) scale(1.4);
	}
	50%{
		background: url(../img/bear_5.png) no-repeat;
		background-size: 100% 100%;
		top: 131px;
		left: 520px;
		transform: rotate(800deg) scale(1.5);
	}
	60%{
		background: url(../img/bear_6.png) no-repeat;
		background-size: 100% 100%;
		top: -67px;
		left: -63px;
	}
	70%{
		background: url(../img/bear_7.png) no-repeat;
		background-size: 100% 100%;
		top: 159px;
		left: 90px;
	}
	80%{
		background: url(../img/bear_8.png) no-repeat;
		background-size: 100% 100%;
		top: 88px;
		left: 99px;
	}
	90%{
		background: url(../img/bear_9.png) no-repeat;
		background-size: 100% 100%;
		top: 236px;
		left: 357px;
	}
	100%{
		background: url(../img/bear_10.png) no-repeat;
		background-size: 100% 100%;
		top: 0px;
		left: 0px;
	}
}
